<#import "../layout/common.html" as com> 
<@com.page title="Bầu cua" pageId="gameBauCua" data={'css':'baucua/baucua', 'js':'baucua/baucua', 'ver':'a01'}>

<div class="">
	<div class="board no-select">
		<div class="host-board" id="hostBoard">
			<div class="host-control start-button-con" style="display:none;" id="startButtonCon">
				<button class="btn btn-success" id="startButton">Bắt đầu chơi</button>
			</div>
			<ul id="dices" class="dices host-control clearfix" style="display:none;">
				<#list 0..2 as id>
					<li class="dice" id="dice${id}" dice="${id}"></li>
				</#list>
			</ul>
			
			<div id="progress" class="host-control" style="display:none;">
				<div>Mời đặt nhanh tay!</div>
				<div class="progress">
					<div id="progressBar" class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" style="width:0%"></div>
				</div>
			</div>
		</div>
		
		<ul class="doors clearfix" id="doors">
			<#list 0..5 as id><li class="door door-${id}" id="door${id}" door="${id}"><div class="bet-con"><span class="bet"></span></div></li></#list>
		</ul>
		
		<div class="balance" id="balance">? xu</div>
		<div class="prices" id="prices">
			<#list [2000, 5000, 10000, 20000, 50000, 100000, 200000, 500000] as price>
			<label id="price${price?c}" class="price" title="Chọn ${price} xu" data-toggle="tooltip"><input type="radio" name="price" value="${price?c}"> ${price/1000}k</label>
			</#list>
		</div>
		
		<small>Lưu ý: Tính năng đang thử nghiệm, có thể chơi luyện tập, sẽ bổ sung tính năng đăng nhập và quản lý Xu sau.</small>
	</div>
</div>

</@com.page>